<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0"/>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <title> {$detail['title']} </title>
    {php echo register_jssdk(false);}
    <link rel="stylesheet" type="text/css" href="{RES}css/page_mp_article_improve24f185.css">
    <link rel="stylesheet" type="text/css" href="{RES}css/page_mp_article_improve_combo24f185.css">
    <!--[if lt IE 9]>
    <link rel="stylesheet" type="text/css" href="//res.wx.qq.com/mmbizwap/zh_CN/htmledition/style/page/appmsg/page_mp_article_improve_pc2c9cd6.css">
    <![endif]-->
    <style>html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;line-height:1.6}body{-webkit-touch-callout:none;font-family:-apple-system-font,"Helvetica Neue","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;background-color:#f3f3f3;line-height:inherit}body.rich_media_empty_extra{background-color:#fff}body.rich_media_empty_extra .rich_media_area_primary:before{display:none}h1,h2,h3,h4,h5,h6{font-weight:400;font-size:16px}*{margin:0;padding:0}a{color:#607fa6;text-decoration:none}.rich_media_inner{font-size:16px;word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.rich_media_area_primary{position:relative;padding:20px 15px 15px;background-color:#fff}.rich_media_area_primary:before{content:" ";position:absolute;left:0;top:0;width:100%;height:1px;border-top:1px solid #e5e5e5;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(0.5);transform:scaleY(0.5);top:auto;bottom:-2px}.rich_media_area_primary .original_img_wrp{display:inline-block;font-size:0}.rich_media_area_primary .original_img_wrp .tips_global{display:block;margin-top:.5em;font-size:14px;text-align:right;width:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}.rich_media_area_extra{padding:0 15px 0}.rich_media_title{margin-bottom:10px;line-height:1.4;font-weight:400;font-size:24px}.rich_media_meta_list{margin-bottom:18px;line-height:20px;font-size:0}.rich_media_meta_list em{font-style:normal}.rich_media_meta{display:inline-block;vertical-align:middle;margin-right:8px;margin-bottom:10px;font-size:16px}.meta_original_tag{display:inline-block;vertical-align:middle;padding:1px .5em;border:1px solid #9e9e9e;color:#8c8c8c;border-top-left-radius:20% 50%;-moz-border-radius-topleft:20% 50%;-webkit-border-top-left-radius:20% 50%;border-top-right-radius:20% 50%;-moz-border-radius-topright:20% 50%;-webkit-border-top-right-radius:20% 50%;border-bottom-left-radius:20% 50%;-moz-border-radius-bottomleft:20% 50%;-webkit-border-bottom-left-radius:20% 50%;border-bottom-right-radius:20% 50%;-moz-border-radius-bottomright:20% 50%;-webkit-border-bottom-right-radius:20% 50%;font-size:15px;line-height:1.1}.meta_enterprise_tag img{width:30px;height:30px!important;display:block;position:relative;margin-top:-3px;border:0}.rich_media_meta_text{color:#8c8c8c}span.rich_media_meta_nickname{display:none}.rich_media_thumb_wrp{margin-bottom:6px}.rich_media_thumb_wrp .original_img_wrp{display:block}.rich_media_thumb{display:block;width:100%}.rich_media_content{overflow:hidden;color:#3e3e3e}.rich_media_content *{max-width:100%!important;box-sizing:border-box!important;-webkit-box-sizing:border-box!important;word-wrap:break-word!important}.rich_media_content p{clear:both;min-height:1em;white-space:pre-wrap}.rich_media_content em{font-style:italic}.rich_media_content fieldset{min-width:0}.rich_media_content .list-paddingleft-2{padding-left:30px}.rich_media_content blockquote{margin:0;padding-left:10px;border-left:3px solid #dbdbdb}img{height:auto!important}@media(min-device-width:375px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2){.mm_appmsg .rich_media_inner,.mm_appmsg .rich_media_meta,.mm_appmsg .discuss_list,.mm_appmsg .rich_media_extra,.mm_appmsg .title_tips .tips{font-size:17px}.mm_appmsg .meta_original_tag{font-size:15px}}@media(min-device-width:414px) and (max-device-width:736px) and (-webkit-min-device-pixel-ratio:3){.mm_appmsg .rich_media_title{font-size:25px}}@media screen and (min-width:1024px){.rich_media{width:740px;margin-left:auto;margin-right:auto}.rich_media_inner{padding:20px}body{background-color:#fff}}@media screen and (min-width:1025px){body{font-family:"Helvetica Neue",Helvetica,"Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif}.rich_media{position:relative}.rich_media_inner{background-color:#fff;padding-bottom:100px}}.radius_avatar{display:inline-block;background-color:#fff;padding:3px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;overflow:hidden;vertical-align:middle}.radius_avatar img{display:block;width:100%;height:100%;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;background-color:#eee}.cell{padding:.8em 0;display:block;position:relative}.cell_hd,.cell_bd,.cell_ft{display:table-cell;vertical-align:middle;word-wrap:break-word;word-break:break-all;white-space:nowrap}.cell_primary{width:2000px;white-space:normal}.flex_cell{padding:10px 0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.flex_cell_primary{width:100%;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;box-flex:1;flex:1}.original_tool_area{display:block;padding:.75em 1em 0;-webkit-tap-highlight-color:rgba(0,0,0,0);color:#3e3e3e;border:1px solid #eaeaea;margin:20px 0}.original_tool_area .tips_global{position:relative;padding-bottom:.5em;font-size:15px}.original_tool_area .tips_global:after{content:" ";position:absolute;left:0;bottom:0;right:0;height:1px;border-bottom:1px solid #dbdbdb;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scaleY(0.5);transform:scaleY(0.5)}.original_tool_area .radius_avatar{width:27px;height:27px;padding:0;margin-right:.5em}.original_tool_area .radius_avatar img{height:100%!important}.original_tool_area .flex_cell_bd{width:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}.original_tool_area .flex_cell_ft{font-size:14px;color:#8c8c8c;padding-left:1em;white-space:nowrap}.original_tool_area .icon_access:after{content:" ";display:inline-block;height:8px;width:8px;border-width:1px 1px 0 0;border-color:#cbcad0;border-style:solid;transform:matrix(0.71,0.71,-0.71,0.71,0,0);-ms-transform:matrix(0.71,0.71,-0.71,0.71,0,0);-webkit-transform:matrix(0.71,0.71,-0.71,0.71,0,0);position:relative;top:-2px;top:-1px}.weui_loading{width:20px;height:20px;display:inline-block;vertical-align:middle;-webkit-animation:weuiLoading 1s steps(12,end) infinite;animation:weuiLoading 1s steps(12,end) infinite;background:transparent url() no-repeat;-webkit-background-size:100%;background-size:100%}@-webkit-keyframes weuiLoading{0%{-webkit-transform:rotate3d(0,0,1,0deg)}100%{-webkit-transform:rotate3d(0,0,1,360deg)}}@keyframes weuiLoading{0%{-webkit-transform:rotate3d(0,0,1,0deg)}100%{-webkit-transform:rotate3d(0,0,1,360deg)}}.gif_img_wrp{display:inline-block;font-size:0;position:relative;font-weight:400;font-style:normal;text-indent:0;text-shadow:none 1px 1px rgba(0,0,0,0.5)}.gif_img_wrp img{vertical-align:top}.gif_img_tips{background:rgba(0,0,0,0.6)!important;filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000',endcolorstr = '#99000000');border-top-left-radius:1.2em 50%;-moz-border-radius-topleft:1.2em 50%;-webkit-border-top-left-radius:1.2em 50%;border-top-right-radius:1.2em 50%;-moz-border-radius-topright:1.2em 50%;-webkit-border-top-right-radius:1.2em 50%;border-bottom-left-radius:1.2em 50%;-moz-border-radius-bottomleft:1.2em 50%;-webkit-border-bottom-left-radius:1.2em 50%;border-bottom-right-radius:1.2em 50%;-moz-border-radius-bottomright:1.2em 50%;-webkit-border-bottom-right-radius:1.2em 50%;line-height:2.3;font-size:11px;color:#fff;text-align:center;position:absolute;bottom:10px;left:10px;min-width:65px}.gif_img_tips.loading{min-width:75px}.gif_img_tips i{vertical-align:middle;margin:-0.2em .73em 0 -2px}.gif_img_play_arrow{display:inline-block;width:0;height:0;border-width:8px;border-style:dashed;border-color:transparent;border-right-width:0;border-left-color:#fff;border-left-style:solid;border-width:5px 0 5px 8px}.gif_img_loading{width:14px;height:14px}i.gif_img_loading{margin-left:-4px}.gif_bg_tips_wrp{position:relative;height:0;line-height:0;margin:0;padding:0}.gif_bg_tips_wrp .gif_img_tips_group{position:absolute;top:0;left:0;z-index:9999}.gif_bg_tips_wrp .gif_img_tips_group .gif_img_tips{top:0;left:0;bottom:auto}.rich_media_global_msg{position:fixed;top:0;left:0;right:0;padding:1em 35px 1em 15px;z-index:1;background-color:#c6e0f8;color:#8c8c8c;font-size:13px}.rich_media_global_msg .icon_closed{position:absolute;right:15px;top:50%;margin-top:-5px;line-height:300px;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);background:transparent url(http://res.wx.qq.com/mmbizwap/zh_CN/htmledition/images/icon/appmsg/icon_appmsg_msg_closed_sprite.2x.png) no-repeat 0 0;width:11px;height:11px;vertical-align:middle;display:inline-block;-webkit-background-size:100% auto;background-size:100% auto}.rich_media_global_msg .icon_closed:active{background-position:0 -17px}.preview_appmsg .rich_media_title{margin-top:1.9em}@media screen and (min-width:1024px){.rich_media_global_msg{position:relative;margin:0 20px}.preview_appmsg .rich_media_title{margin-top:0}}
    .profile_container {
        width: 535px;
        top: 100%;
        left: 65px;
        font-size: 14px;
    }
    .profile_inner {
        position: relative;
        padding: 30px 22px 36px 144px;
        background-color: #fff;
        border: 1px solid #d9dadc;
    }
    </style> 

</head>
<body id="activity-detail" class="zh_CN " ontouchstart="">
<div id="js_article" class="rich_media">
    <div id="js_top_ad_area" class="top_banner"></div>
    <div class="rich_media_inner">
        <div id="page-content">
            <div id="img-content" class="rich_media_area_primary"><h2 class="rich_media_title" id="activity-name">
                {$detail['title']}
            </h2>

                <div class="rich_media_meta_list">
                    {if $detail['original_tag']==0}
                    <span id="copyright_logo" class="rich_media_meta meta_original_tag"><a href="http://kf.qq.com/touch/sappfaq/150211YfyMVj150326iquI3e.html" style="text-decoration:none; color:#8c8c8c;">原创</a></span>
                    {/if}
                    <em id="post-date" class="rich_media_meta rich_media_meta_text">
                        {php echo date('Y-m-d', $detail['createtime'])}
                    </em>
                    <em class="rich_media_meta rich_media_meta_text">{$detail['author']}</em>

                     <a class="rich_media_meta rich_media_meta_link rich_media_meta_nickname" href="{$set['guanzhuUrl']}" id="post-user">
                         {$_W['account']['name']}
                     </a>
                    <span class="rich_media_meta rich_media_meta_text rich_media_meta_nickname">{$_W['account']['name']}
                    </span>
                    <div id="js_profile_qrcode" class="profile_container" style="display:none;">
                        <div class="profile_inner"><strong class="profile_nickname">{$_W['account']['name']}</strong>
                            <img class="profile_avatar"
                                 src="{php echo tomedia('qrcode_'.$account['acid'].'.jpg');}?time={php echo time()}"
                                 alt="">

                            <p class="profile_meta"><label class="profile_meta_label">微信号</label> <span
                                    class="profile_meta_value">{$account['account']}</span></p>

                            <p class="profile_meta"><label class="profile_meta_label">功能介绍</label> <span
                                    class="profile_meta_value">{$account['description']}</span>
                            </p>
                        </div>
                        <span class="profile_arrow_wrp" id="js_profile_arrow_wrp">
                            <i class="profile_arrow arrow_out"></i>
                            <i class="profile_arrow arrow_in"></i>
                        </span>
                    </div>
                </div>

                <div class="rich_media_content" id="js_content">
                    {$detail['content']}
                </div>
                {if $detail['isadmire']==0}
                {template 'include_zanshang'}
                {/if}

                <div class="rich_media_tool" id="js_toobar">
                    {if $detail['outLink']}
                    <a class="media_tool_meta meta_primary" href="{$detail['outLink']}">阅读原文</a>
                    {/if}
                    <div class="media_tool_meta tips_global meta_primary">阅读
                        <span id="readNum">{$readnum}</span>
                    </div>
                    <span class="media_tool_meta tips_global meta_primary" id="like3">
                        <i class="icon_praise_gray {if !empty($myrecord['like'])} praised{/if}" id="icon_parise"></i>
                        <span class="praise_num" id="likeNum3">{$zanNum}</span>
                    </span>
                    {if $detail['tel']}<a href="tel:{$detail['tel']}">一键拨号</a>{/if}
                    <a id="" class="media_tool_meta tips_global meta_extra"
                       href="{php echo $this->createMobileUrl('jubao', array('artid'=>$detail['id']))}">举报</a></div>
            </div>

            <div class="rich_media_area_extra">
                <div class="mpda_bottom_container" id="js_bottom_ad_area"></div>
                <div id="js_iframetest" style="display:none;"></div>
            </div>

            {if $detail && $detail['iscomment']=='0'}
            {template 'include_comment'}
            {/if}
        </div>
        <div id="js_pc_qr_code" class="qr_code_pc_outer" style="display:none;">
            <div class="qr_code_pc_inner">
                <div class="qr_code_pc">
                    <img src="{php echo tomedia('qrcode_'.$account['acid'].'.jpg');}?time={php echo time()}"
                         class="qr_code_pc_img">
                    <p>微信扫一扫<br>关注该公众号</p>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    var uin = "";
    var key = "";
    var pass_ticket = "";
    //全局变量
    gSound = "{$detail['musicurl']}";
</script>
<script type="text/javascript">var _speedMark = new Date(), _loadTime = '1429101314';</script>
<script src="{RES}js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" src="{RES}js/weixin_new.js"></script>
<div id='audiocontainer'></div>



</div>

<!--<div style=' position:fixed;left:0; bottom:0px; right:0px;width:100%; background:#4F2D2D; height:30px; line-height:35px; font-family: 微软雅黑'>
<div align='center' style='height:35px; line-height:30px;background:#4F2D2D; color:#fff; display:block; '>
    <a href="{$set['historyUrl']}"  style='color:#fff;font-size:16px;'>历史消息</a>
    <span  style='color:#fd6b6b; margin:0 15px'>|</span>
    <a href="{php echo $this->createMobileUrl('index', array('weid' => $_W['acid']),true)}" style='color:#fff;font-size:16px;'>经典回顾</a>
    <span  style='color:#fd6b6b; margin:0 15px'>|</span>

    <a href="{$set['guanzhuUrl']}"  style='color:#fff;font-size:16px; '>
    {if !empty($set['guanzhutitle'])}{$set['guanzhutitle']}{else}免费订阅{/if}
    </a>
</div>
</div>-->
<!--{if !empty($set['cnzz'])}
{php echo htmlspecialchars_decode($set['cnzz']);}
{/if}-->
</div>
<!--js部分-->
<script>
    var user_name = "{$_W['account']['original']}";
    var user_name_new = "";
    $(function () {
        var el_toolbar = document.getElementById("js_toobar");
        if (el_toolbar && el_toolbar.querySelector) {
            var el_like = el_toolbar.querySelector("#like3"), el_likeNum = el_toolbar.querySelector("#likeNum3"), el_readNum = el_toolbar.querySelector("#readNum3");

            var tmpAttr = el_like.getAttribute("like"), tmpHtml = el_likeNum.innerHTML, isLike = parseInt(tmpAttr) ? parseInt(tmpAttr) : 0, like = isLike == 0 ? 1 :
                    0, likeNum = parseInt(tmpHtml) ? parseInt(tmpHtml) : 0;

            var state = true;
            if (state) {
                state = false;
                $("#like3").click(function () {
                    var num = parseInt($(this).find("span").text());
                    var id = "{$detail['id']}";
                    var ajaxurl = "{php echo $this->createMobileUrl('like',array(),true)}&_=" + Math.random();
                    $.ajax({
                        url: ajaxurl,
                        type: "get",
                        dataType: "json",
                        data: {"articleid": id, "like": like},
                        success: function (d) {
                            console.log(d);
                            if (d.result == 200) {
                                $("#like3").attr("state", "1");
                                $("#like3 span").text(num + 1);
                                $("#icon_parise").addClass("praised");
                                like1 = true;
                            } else if (d.result == 201) {
                                $("#like3").attr("state", "0");
                                $("#like3 span").text(num - 1);
                                $("#icon_parise").removeClass("praised");
                                state = true;
                            }

                            var menu = $("#icon_parise");
                            200 == d.result && (isLike ? (menu.removeClass("praised"), el_like.setAttribute("like", 0),
                            likeNum > 0 && "100000+" !== tmpHtml && (el_likeNum.innerHTML = likeNum - 1 == 0 ? "赞" : likeNum - 1)) : (el_like.setAttribute("like", 1),
                                    menu.addClass("praised"), "100000+" !== tmpHtml && (el_likeNum.innerHTML = likeNum + 1)));

                        },
                        error: function (r) {
                            console.log(r);
                        }
                    });
                });
            }
        }


    });

    initShare();
    function initShare() {
        wx.ready(function () {
            shareMeta = {
                imgUrl: "{$shareimg}",
                link: "{$url}",
                desc: "{$detail['title']}",
                title: "{$detail['title']}",
                success: function () {

                },
                cancel: function () {
                    // alert("分享失败，可能是网络问题，一会儿再试试？");
                }
            };
            wx.onMenuShareTimeline(shareMeta);
            wx.onMenuShareAppMessage(shareMeta);
            wx.onMenuShareWeibo(shareMeta);
            wx.onMenuShareQQ(shareMeta);
            wx.onMenuShareQZone(shareMeta);
        });
    }
</script>


</body>
</html>